<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no" />
    <title>注册</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/rem_main.js"></script>
    <script src="js/fontnormal.js"></script>
    <link rel="stylesheet" href="js/area/LArea.css">
    <script src="js/area/LAreaData1.js"></script>
    <script src="js/area/LAreaData2.js"></script>
    <script src="js/area/LArea.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="header-logo"><img src="images/logo.png" alt="云启天赋"></div>
    <div class="contant-main">
        <ul class="register-ul">
            <li>
                <p>姓<span>名</span></p>：
                <p class="inp"><input type="text" name="username" class="username" value=""></p>
            </li>
            <li>
                <p>性<span>别</span></p>：
                <p class="inp">
                <select name="sex" class="select-sex">
                    <option value="0">请选择性别</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
                </p>
            </li>
            <li>
                <p>出生日期</p>：
                <p class="inp"><input type="date" id="date" class="birthday" placeholder="请选择出生日期"></p>
            </li>
            <li>
                <p>地<span>址</span></p>：
                <p class="inp">
                    <input id="demo2" type="text" name="address" class="address" readonly="" placeholder="选择省/市/区" />
                    <input id="value2" type="hidden" />
                    {{--<input type="text" name="address" class="address" placeholder="选择省/市/区" value="">--}}
                </p>
            </li>
            <li>
                <p>邀<em>请</em>码</p>：
                <p class="inp"><input type="text" name="pid" class="pid" value=""></p>
            </li>
            <li>
                <p>账<span>号</span></p>：
                <p class="inp"><input type="text" name="telephone" class="r-telephoner" placeholder="输入您的手机号码" value=""></p>
            </li>
            <li>
                <p>密<span>码</span></p>：
                <p class="inp"><input type="text" name="password" class="r-password" value=""></p>
            </li>
            <li>
                <p>确认密码</p>：
                <p class="inp"><input type="text" name="password" class="pwd" value=""></p>
            </li>
            <li>
                <p>邮<span>箱</span></p>：
                <p class="inp"><input type="text" name="email" class="email" value=""></p>
            </li>
            <li>
                <p>验<em>证</em>码</p>：
                <p class="inp"><input type="text" name="yzcode" class="yzcode" value=""></p>
                <p class="yzm">
                    <button class="yzmBtn">验证码</button>
                </p>
            </li>
            <li>
                <button class="register-btn">注 册</button>
            </li>
        </ul>
    </div>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="layer/layer.js"></script>
<script src="js/IOS.js"></script>
<script>
    $(function(){
        $("#date").on("input",function(){
            if($(this).val().length>0){
                $(this).addClass("full");
            }
            else{
                $(this).removeClass("full");
            }
        });

        var area2 = new LArea();
        var provs_data = <?php echo !empty($data['provs_data']) ? json_encode($data['provs_data']) : '';?>;
        var citys_data = <?php echo !empty($data['citys_data']) ? json_encode($data['citys_data']) : '';?>;
        var dists_data = <?php echo !empty($data['dists_data']) ? json_encode($data['dists_data']) : '';?>;
        area2.init({
            'trigger': '#demo2',
            'valueTo': '#value2',
            'keys': {
                id: 'value',
                name: 'text'
            },
            'type': 2,
            'data': [provs_data, citys_data, dists_data]
        });
    })
    var token = "{{csrf_token()}}";
</script>
<script src="js/submit.js"></script>
</body>
</html>